<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

<body>

</body>
<script>
  // 找到1-100中能被3或7整除的数 放到数组中 

  // 对应下标取值和赋值!!!   => 每次存储数据之后 下标需要自动递增

  // var arr = [];  //创建一个数组 存储满足条件的数
  // var index = 0; // 定义一个变量 index 保存下标  
  // for (var i = 1; i <= 100; i++) {
  //     if (i % 3 == 0 || i % 7 == 0) {
  //         arr[index] = i;   //对应下标赋值  arr[0] = xxx
  //         index++;   // 下标自增  下次存储数据的下标 (手动挡)
  //     }
  // }
  // console.log(arr);

  // 数组的递增赋值 => 依次按顺序将元素放到数组中(在数组的尾部添加一个元素)
  // 原理: 下标的最大值 = arr.length - 1 
  // 反推: arr.length = 下标的最大值 + 1;  // (0除外)

  // arr[arr.length] = "xxx"     依次按顺序将元素放到数组中(在数组的尾部添加一个元素)


  // var arr = [];  //创建一个数组 存储满足条件的数
  // for (var i = 1; i <= 100; i++) {
  //     if (i % 3 == 0 || i % 7 == 0) {
  //         arr[arr.length] = i; // 数组的递增赋值   //自动挡
  //     }
  // }
  // console.log(arr);

  // "A"  "B"   "C" "D"  依次按顺序存到数组中
  // var arr = [];
  // arr[0]= "A";
  // arr[1]= "B";
  // arr[2]= "C";
  // arr[3]= "D";

  debugger;
  var arr = [];   // arr.length: 0
  arr[arr.length] = "A";   // arr[0] = "A" =>存储了一个值 arr.length:1
  arr[arr.length] = "B";   // arr[1] = "B" =>存储了一个值 arr.length:2
  arr[arr.length] = "C";   // arr[2] = "C" =>存储了一个值 arr.length:3 
  arr[arr.length] = "D";   // arr[3] = "D" =>存储了一个值 arr.length:4

  // 每次向数组中存储一个元素之后,数组商都会自动更新 
  // 数组的length = 下标的最大值 + 1


</script>

</html>